import {onBeforeUnmount, onMounted, reactive} from "vue";

function savePoint() {
    // 实现鼠标“打点”相关的数据
    let point = reactive({
        x: 0,
        y: 0,
    });

    // 实现鼠标“打点”相关的方法
    // 封装一下方法，用途是保存一个点
    function savePoint(event) {
        console.log(event.pageX, event.pageY);
        point.x = event.pageX;
        point.y = event.pageY;
    }

    // 实现鼠标“打点”相关的钩子
    // 挂载完毕生命周期钩子，挂载完毕就获取到鼠标的坐标
    onMounted(() => {
        window.addEventListener('click', savePoint);
    });
    // 当卸载之前钩子
    onBeforeUnmount(() => {
        window.removeEventListener('click', savePoint);
    });

    return point;
}

// 暴露
export default savePoint;

